	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>梦芭莎</title>
<link rel="icon" href="images/title.icon" />
<link rel="stylesheet" type="text/css" href="style/style.css">
<link rel="stylesheet" type="text/css" href="iconfont/iconfont.css">
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(function(){
// js原生
	// var head_bg=document.getElementById('head_bg');
	// 	var imgs=head_bg.getElementsByClassName('img');
	// 	var lis=document.getElementById('bg').getElementsByTagName('li');
	// 	var btn_l=document.getElementById('btn').getElementsByClassName('btn_l')[0];
	// 	var btn_r=document.getElementById('btn').getElementsByClassName('btn_r')[0];
	// 	var num=0;
	// 	// 自动
	// 	function run(){
	// 		num++;
	// 		if(num==7){num=0;}
	// 		for(var i=0;i<imgs.length;i++){
	// 			imgs[i].style.display="none";
	// 			lis[i].style.border="1px solid #ccc";
	// 			lis[i].style.background="white";
	// 		}
	// 		imgs[num].style.display="block"; 
	// 		lis[num].style.border="1px solid orange";
	// 		lis[num].style.background="orange";
	// 	}
	// 	timer=setInterval(run,2000);
	// 	// 移入移出
	// 	head_bg.onmouseover=function(){
	// 		clearInterval(timer);
	// 		$("#btn").stop().fadeIn(500);
	// 	}
	// 	head_bg.onmouseout=function(){
	// 		timer=setInterval(run,2000);
	// 		$("#btn").stop().fadeOut(500);
	// 	}
	// 	// 手动li切换
	// 	for(var j=0;j<lis.length;j++){
	// 		lis[j].xuhao=j;
	// 		lis[j].onmouseover=function(){
	// 			num	=this.xuhao;
	// 			for(var i=0;i<imgs.length;i++){
	// 				imgs[i].style.display="none";
	// 				lis[i].style.border="1px solid #ccc";
	// 				lis[i].style.background="white";
	// 			}
	// 			imgs[num].style.display="block";
	// 			lis[num].style.border="1px solid orange";
	// 			lis[num].style.background="orange";
	// 			}
	// 		}
	// 	// 鼠标左右点击
	// 	btn_l.onclick=function(){
	// 		num--;
	// 		if(num<0){num=6;}
	// 		for(var i=0;i<imgs.length;i++){
	// 			imgs[i].style.display="none";
	// 			lis[i].style.background="white";
	// 			lis[i].style.border="1px solid #ccc";
	// 		}			
	// 		imgs[num].style.display="block";
	// 		lis[num].style.border="1px solid orange";
	// 		lis[num].style.background="orange";
	// 	}
	// 	btn_r.onclick=function(){
	// 		num++;
	// 		if(num>6){num=0;}
	// 		for(var i=0;i<imgs.length;i++){
	// 			imgs[i].style.display="none";
	// 			lis[i].style.background="white";
	// 			lis[i].style.border="1px solid #ccc";
	// 		}
	// 		imgs[num].style.display="block";
	// 		lis[num].style.border="1px solid orange";
	// 		lis[num].style.background="orange";
	// 	}
// jquery
	var num=0;
// 自动
	function run(){
		num++;
		if(num==7){num=0;}
		$("#head_bg img").eq(num).fadeIn(500).siblings("img").fadeOut(500);
		$("#bg li").eq(num).css({background:"orange",border:"1px solid orange"}).siblings("li").css({background:"white",border:"1px solid #ccc"});
	}
	timer=setInterval(run,1000);
// 鼠标移入移出
	$("#head_bg").hover(function() {
		clearInterval(timer);
		$("#btn").stop().fadeIn(500);
	}, function() {
	 	timer=setInterval(run,1000);
	 	$("#btn").stop().fadeOut(500);
	});
// li切换
	$("#bg li").mouseover(function() {
		num=$(this).index();
		$("#head_bg img").eq(num).fadeIn(500).siblings("img").stop().fadeOut(500);
		$("#bg li").eq(num).css({background:"orange",border:"1px solid orange"}).siblings("li").css({background:"white",border:"1px solid #ccc"});
	});
// 点击切换
	$(".btn_l").click(function() {
		num--;
		if (num<0) {num=6;}
		$("#head_bg img").eq(num).fadeIn(500).siblings("img").fadeOut(500);
		$("#bg li").eq(num).css({background:"orange",border:"1px solid orange"}).siblings("li").css({background:"white",border:"1px solid #ccc"});
	});
	$(".btn_r").click(function() {
		num++;
		if (num>6) {num=0;}
		$("#head_bg img").eq(num).fadeIn(500).siblings("img").fadeOut(500);
		$("#bg li").eq(num).css({background:"orange",border:"1px solid orange"}).siblings("li").css({background:"white",border:"1px solid #ccc"});
	});
// tab		切换
	$(".box_t .top_name").mouseover(function() {
		var num1=$(this).index();
		$(".box_t .top_name").eq(num1).css({color:"white",background:"black",border:"1px solid black"}).siblings().css({color:"#797979",background:"white",border:"1px solid #ccc"});
		$(".box_b .bottom_list").eq(num1).fadeIn(1000).siblings().stop().fadeOut(100);
	});
	$(".first").mouseover(function(){
		var num2=$(this).index();
		$(".first img").eq(num2).stop().animate({left:"6px"},100).siblings(); 
	});
	$(".first").mouseout(function(){
		var num2=$(this).index();
		$(".first img").eq(num2).stop().animate({left:"10px"},100).siblings();
	});
// 焦点图
	$(".right-6 .img6").hover(function() {
		$(this).css({opacity:1}).siblings().css({opacity:0.5});
	}, function() {
		$(".right-6 .img6").css({opacity:1});
	});
//侧导航
// 显示，隐藏
	$(document).scroll(function(event){
		event.stopPropagation();
		var t=$(document).scrollTop();
		if(t>=710&&t<=4300){
			$("#l_banner").slideDown(500);
		}else{
			$("#l_banner").stop().slideUp(500);
		}
	});
	$(document).scroll(function(event){
		event.stopPropagation();
		var r=$(document).scrollTop();
		if(r>=710&&r<1280){
			$(".fx").eq(0).css({background:"#ff706e",color:"white"}).siblings().css({background:"#ccc",color:"#626351"});
		}else if(r>=1280&&r<1910){
			$(".fx").eq(1).css({background:"#ff706e",color:"white"}).siblings().css({background:"#ccc",color:"#626351"});
		}else if(r>=1910&&r<2360){
			$(".fx").eq(2).css({background:"#ff706e",color:"white"}).siblings().css({background:"#ccc",color:"#626351"});
		}else if(r>=2360&&r<2830){
			$(".fx").eq(3).css({background:"#ff706e",color:"white"}).siblings().css({background:"#ccc",color:"#626351"});
		}else if(r>=2830&&r<3450){
			$(".fx").eq(4).css({background:"#ff706e",color:"white"}).siblings().css({background:"#ccc",color:"#626351"});
		}else if(r>=3450&&r<4190){
			$(".fx").eq(5).css({background:"#ff706e",color:"white"}).siblings().css({background:"#ccc",color:"#626351"});
		}else{
			$(".fx").eq(6).css({background:"#ff706e",color:"white"}).siblings().css({background:"#ccc",color:"#626351"});
		}
	});
	$(".fx").eq(0).click(function(){
        $("html,body").stop().animate({scrollTop:710},1000);
	});
	$(".fx").eq(1).click(function(){
        $("html,body").stop().animate({scrollTop:1280},1000);
	});
	$(".fx").eq(2).click(function(){
        $("html,body").stop().animate({scrollTop:1910},1000);
	});
	$(".fx").eq(3).click(function(){
        $("html,body").stop().animate({scrollTop:2360},1000);
	});
	$(".fx").eq(4).click(function(){
        $("html,body").stop().animate({scrollTop:2830},1000);
	});
	$(".fx").eq(5).click(function(){
        $("html,body").stop().animate({scrollTop:3450},1000);
	});
	$(".fx").eq(6).click(function(){
        $("html,body").stop().animate({scrollTop:4190},1000);
	});
// f-3轮播
	var num1=0;
	function run1(){
		num1++;
		if(num1==7){
			$(".f3-l").css({left:0});
			num1=1;
		}
		var l=num1*-200;
		$(".f3-l").animate({left:l+"px"},1000);
	}
	timer1=setInterval(run1,1500);
	$(".f-3").hover(function(){
		clearInterval(timer1);
		$(".but").fadeIn(500);
	},function(){
		timer1=setInterval(run1,1500);
		$(".but").stop().fadeOut(500);
	});
	$(".but .but_l").click(function() {
		num1--;
		if(num1<0){
			$(".f3-l").css({left:"-1200px"});
			num1=5;
		}
		var l=num1*-200;
		$(".f3-l").stop().animate({left:l+"px"},1000);
	});
	$(".but .but_r").click(function() {
		num1++;
		if(num1>6){
			$(".f3-l").css({left:0});
			num1=1;
		}
		var l=num1*-200;
		$(".f3-l").stop().animate({left:l+"px"},1000);
	});
// 右定位
	$(".list_car li").hover(function() {
		var t=$(this).index();
		$(".word").eq(t).fadeIn(500);
	},function() {
		var t=$(this).index();
		$(".word").eq(t).stop().fadeOut(500);
	});
	$(".list_car li").eq(4).click(function() {
		$("html,body").animate({scrollTop:0}, 1000);
	});
	$(document).scroll(function(event) {
		event.stopPropagation();
		var w=$(document).scrollTop();
	if(w>=740){
		$(".list_car li").eq(4).fadeIn(500);
	}else{
		$(".list_car li").eq(4).stop().fadeOut(500);
	}
	});
	$(".list_car li").eq(1).mouseover(function() {
		$("#hdiv").fadeIn(500);
	});
	$(".list_car li").eq(1).siblings().mouseover(function() {
		$("#hdiv").fadeOut(500);
	});
});

</script>
</head>

<body>
<!-- top开始 -->
<div id="top">
	<div class="top">
		<div class="top-left"></div>
		<div class="top-right">
			<a href="" class="loding">登录</a>
			<a href="" class="new">注册</a>
			<div class="weixin">
				<a href="" class="weix">微信</a>
				<div class="weixHide"></div>
			</div>
			<div class="weibo">
				<a href="" class="weib">微博</a>
				<div class="weibHide"></div>
			</div>
			<div class="phone">
				<a href="" class="pho iconfont">&#xe60b;手机版</a>
				<div class="phoHide"></div>
			</div>
			<a href="" class="shouc">收藏梦芭莎</a>
			<a href="" class="english">English</a>
			<div class="car">
				<a href="" class="cart iconfont">购物车&#xe61f;</a>
				<div class="cartHide">您的购物车里还没有商品，欢迎选购！</div>
			</div>
		</div>
	</div>
</div>
<!-- top结束 -->
<div id="back">
<!-- search开始 -->
<div id="search">
	<div class="search-left"></div>
	<div class="search-center">
		<div class="search">
			<input class="search-text" type="text" value="April Fool's Day 愚你同样 时髦花样 满299减20 满399减30"/>
			<input type="button" value="搜索"  class="search-button" />
		</div>
		<div class="search-hot">
			<a class="s-h s-h-t" href="">当季新品</a>|
			<a class="s-h" href="">免海淘欧美女装</a>|
			<a class="s-h" href="">轻薄外套</a>|
			<a class="s-h" href="">连衣裙</a>|
			<a class="s-h" href="">T恤</a>|
			<a class="s-h" href="">衬衫</a>|
			<a class="s-h" href="">卫衣</a>|
			<a class="s-h" href="">文胸塑身</a>
		</div>
	</div>
	<div class="search-right"></div>
</div>
<!-- search结束 -->
<!-- banner开始 -->
<div id="banner">
	<div class="banner-left">
		<a href="" class="all-list">全部分类</a>
	</div>
	<div class="banner-center">
		<ul>
			<li>
				<a href="" class="b-c iconfont">&#xe65e;首页</a>
			</li>
			<li>
				<a href="" class="b-c iconfont">&#xe65b;美国馆</a>
				<div class="b-hot"></div>
			</li>
			<li>
				<a href="" class="b-c iconfont">&#xe664;名品馆</a>
			</li>
			<li>
				<a href="" class="b-c iconfont">&#xe609;原创荟</a>
			</li>
			<li>
				<a href="" class="b-c iconfont">&#xe624;韩国馆</a>
			</li>
			<li>
				<a href="" class="b-c iconfont">&#xe655;梦族社区</a>
			</li>
		</ul>
	</div>
	<div class="banner-right">
		<ul>
			<li>
				<a href="" class="b-c">女装馆</a>
			</li>
			<li>
				<a href="" class="b-c">内衣馆</a>
			</li>
			<li>
				<a href="" class="b-c">男装馆</a>
			</li>
			<li>
				<a href="" class="b-c">美妆馆</a>
			</li>
			<li>
				<a href="" class="b-c">折扣区</a>
			</li>
		</ul>
	</div>
</div>
<!-- banner结束 -->
</div>
<!-- haed开始 -->
<div id="head">
	<div class="head-list">
		<div class="list">
			<ul class="List">
				<li class="list1">
					<div class="list-1">
					<div class="listHead"><a href="">当季热销</a></div>
					<a href="" class="list-shop">当季新品</a>
					<a href="" class="list-shop">轻薄外套</a>
					<a href="" class="list-shop">连衣裙</a>
					<a href="" class="list-shop">舒适T恤</a>
					<a href="" class="list-shop">针织开衫</a>
					<a href="" class="list-shop">百搭衬衫</a>
					<a href="" class="list-shop">潮流卫衣</a>
					</div>
				</li>
				<li class="list2">
					<div class="list-2">
					<div class="listHead"><a href="">女装</a></div>
					<a href="" class="list-shop">新品</a>
					<a href="" class="list-shop">时尚外套</a>
					<a href="" class="list-shop">牛仔外套</a>
					<a href="" class="list-shop">气质风衣</a>
					<a href="" class="list-shop">大衣</a>
					<a href="" class="list-shop">潮流卫衣</a>
					<a href="" class="list-shop">舒适T恤 </a>
					<a href="" class="list-shop">百搭衬衫</a>
					<a href="" class="list-shop">连衣裙</a>
					<a href="" class="list-shop">针织衫</a>
					<a href="" class="list-shop">西装</a>
					<a href="" class="list-shop">小衫</a>
					<a href="" class="list-shop">毛衫</a>
					<div class="list-hot1"></div>
					<div class="list-hot2"></div>
					</div>
					<div class="rtbox">
						<div class="rtbox-1-1">
						<div class="rtboxHead"><a href="">T恤</a></div>
						<a href="" class="rtbox-shop">舒适纯棉</a>
						<a href="" class="rtbox-shop">浪漫印花</a>
						<a href="" class="rtbox-shop">精致圆领</a>
						<a href="" class="rtbox-shop">长袖</a>
						<a href="" class="rtbox-shop">七分袖</a>
						<a href="" class="rtbox-shop">中袖</a>
						<a href="" class="rtbox-shop">无袖</a>
						</div>
						<div class="rtbox-1-2">
						<div class="rtboxHead"><a href="">外套</a></div>
						<a href="" class="rtbox-shop">轻薄外套</a>
						<a href="" class="rtbox-shop">牛仔外套</a>
						<a href="" class="rtbox-shop">针织开衫</a>
						<a href="" class="rtbox-shop">毛呢</a>
						<a href="" class="rtbox-shop">大衣</a>
						<a href="" class="rtbox-shop">西装</a>
						<a href="" class="rtbox-shop">风衣</a>
						<a href="" class="rtbox-shop">羽绒</a>
						<a href="" class="rtbox-shop">棉服</a>
						<a href="" class="rtbox-shop">棒球服</a>
						</div>
						<div class="rtbox-1-3">
						<div class="rtboxHead"><a href="">裙装</a></div>
						<a href="" class="rtbox-shop">连衣裙</a>
						<a href="" class="rtbox-shop">半身裙</a>
						<a href="" class="rtbox-shop">针织连衣裙</a><br />
						<a href="" class="rtbox-shop">背心裙</a>
						<a href="" class="rtbox-shop">蕾丝连衣裙</a><br />
						<a href="" class="rtbox-shop">婚纱/礼服</a>
						<a href="" class="rtbox-shop">牛仔连衣裙</a><br />
						<a href="" class="rtbox-shop">棉麻连衣裙</a>
						</div>
						<div class="rtbox-1-4">
						<div class="rtboxHead"><a href="">衬衫/小衫</a></div>
						<a href="" class="rtbox-shop">衬衫</a>
						<a href="" class="rtbox-shop">蕾丝衬衫</a>
						<a href="" class="rtbox-shop">牛仔衬衫</a><br />
						<a href="" class="rtbox-shop">小衫</a>
						<a href="" class="rtbox-shop">雪纺小衫</a>
						<a href="" class="rtbox-shop">印花小衫</a>
						</div>
						<div class="rtbox-1-5">
						<div class="rtboxHead"><a href="">裤装</a></div>
						<a href="" class="rtbox-shop">休闲裤</a>
						<a href="" class="rtbox-shop">牛仔裤</a>
						<a href="" class="rtbox-shop">小脚裤</a><br />
						<a href="" class="rtbox-shop">打底裤</a>
						<a href="" class="rtbox-shop">阔脚裤</a>
						<a href="" class="rtbox-shop">连体裤</a>
						<a href="" class="rtbox-shop">短裤</a>
						</div>
					</div>
				</li>
				<li class="list3">
					<div class="list-3">
					<div class="listHead"><a href="">内衣</a></div>
					<a href="" class="list-shop">新品</a>
					<a href="" class="list-shop">收副乳</a>
					<a href="" class="list-shop">无钢圈</a>
					<a href="" class="list-shop">光面</a>
					<a href="" class="list-shop">内裤</a><br />
					<a href="" class="list-shop">薄棉杯</a>
					<a href="" class="list-shop">聚拢</a>
					<a href="" class="list-shop">打底衫</a>
					<a href="" class="list-shop">居家服</a>
					<div class="list-hot3"></div>
					</div>
					<div class="rtbox">
						<div class="rtbox-2-1">
						<div class="rtboxHead"><a href="">文胸</a></div>
						<a href="" class="rtbox-shop">A杯</a>
						<a href="" class="rtbox-shop">B杯</a>
						<a href="" class="rtbox-shop">CD杯</a>
						<a href="" class="rtbox-shop">E杯</a>
						<a href="" class="rtbox-shop">高包容</a>
						<a href="" class="rtbox-shop">塑形款</a>
						<a href="" class="rtbox-shop">少女款</a>
						<a href="" class="rtbox-shop">运动款</a>
						<a href="" class="rtbox-shop">光面</a>
						<a href="" class="rtbox-shop">蕾丝</a>
						<a href="" class="rtbox-shop">少女围</a>
						<a href="" class="rtbox-shop">无钢圈</a><br />
						<a href="" class="rtbox-shop">抹胸/乳贴</a>
						</div>
						<div class="rtbox-2-2">
						<div class="rtboxHead"><a href="">内裤</a></div>
						<a href="" class="rtbox-shop">棉质</a>
						<a href="" class="rtbox-shop">无痕</a>
						<a href="" class="rtbox-shop">蕾丝</a>
						<a href="" class="rtbox-shop">少女款</a><br />
						<a href="" class="rtbox-shop">收腹</a>
						<a href="" class="rtbox-shop">三角</a>
						<a href="" class="rtbox-shop">平角</a>
						</div>
						<div class="rtbox-2-3">
						<div class="rtboxHead"><a href="">打底类</a></div>
						<a href="" class="rtbox-shop">打底衣</a>
						<a href="" class="rtbox-shop">打底裤</a>
						<a href="" class="rtbox-shop">套装</a>
						<a href="" class="rtbox-shop">圆领</a><br />
						<a href="" class="rtbox-shop">棉/竹纤维</a>
						<a href="" class="rtbox-shop">莫代尔</a>
						<a href="" class="rtbox-shop">吊带背心</a>
						</div>
						<div class="rtbox-2-4">
						<div class="rtboxHead"><a href="">家居服</a></div>
						<a href="" class="rtbox-shop">棉质</a>
						<a href="" class="rtbox-shop">套装</a>
						<a href="" class="rtbox-shop">裙装</a>
						<a href="" class="rtbox-shop">真丝</a><br />
						<a href="" class="rtbox-shop">少女家居服</a>
						<a href="" class="rtbox-shop">睡袍/裹胸浴袍</a>
						<div class="rtbox-2-5">
						<div class="rtboxHead"><a href="">袜品</a></div>
						<a href="" class="rtbox-shop">丝袜</a>
						<a href="" class="rtbox-shop">连裤袜</a>
						<a href="" class="rtbox-shop">九分袜</a>
						<a href="" class="rtbox-shop">短袜</a><br />
						</div>
					</div>
				</li>
				<li class="list4">
					<div class="list-4">
					<div class="listHead"><a href="">男装</a></div>
					<a href="" class="list-shop">新品</a>
					<a href="" class="list-shop">衬衫</a>
					<a href="" class="list-shop">T恤</a>
					<a href="" class="list-shop">夹克/薄外套</a>
					<a href="" class="list-shop">毛衣</a>
					<a href="" class="list-shop">外套</a>
					<a href="" class="list-shop">大衣/风衣</a>
					<a href="" class="list-shop">羽绒</a>
					<a href="" class="list-shop">棉服</a>
					<a href="" class="list-shop">裤子</a>
					</div>
					<div class="rtbox">
					<div class="rtbox-3-1">
						<div class="rtboxHead"><a href="">上装</a></div>
						<a href="" class="rtbox-shop">长袖衬衫</a>
						<a href="" class="rtbox-shop">正装衬衫</a>
						<a href="" class="rtbox-shop">休闲衬衫</a>
						<a href="" class="rtbox-shop">格子衬衫</a>
						<a href="" class="rtbox-shop">免烫衬衫</a>
						<a href="" class="rtbox-shop">长袖T恤</a>
						<a href="" class="rtbox-shop">运动T恤</a>
						<a href="" class="rtbox-shop">商务T恤</a>
						<a href="" class="rtbox-shop">薄毛衫</a><br />
						<a href="" class="rtbox-shop">夹克</a>
						<a href="" class="rtbox-shop">西装</a>
						</div>	
						<div class="rtbox-3-2">
						<div class="rtboxHead"><a href="">下装</a></div>
						<a href="" class="rtbox-shop">休闲裤</a>
						<a href="" class="rtbox-shop">牛仔裤</a>
						<a href="" class="rtbox-shop">西裤</a>
						<a href="" class="rtbox-shop">短裤</a><br />
						<a href="" class="rtbox-shop">内裤</a>
						</div>
						<div class="rtbox-3-3">
						<div class="rtboxHead"><a href="">配饰</a></div>
						<a href="" class="rtbox-shop">袜子</a>
						<a href="" class="rtbox-shop">皮带</a>
						<a href="" class="rtbox-shop">男鞋</a>
						<a href="" class="rtbox-shop">领带/领结</a><br />
						<a href="" class="rtbox-shop">袖扣</a>
						<a href="" class="rtbox-shop">男包</a>
						</div>
					</div>
				</li>
				<li class="list5">
					<div class="list-5">
					<div class="listHead"><a href="">欧美大牌</a></div>
					<a href="" class="list-shop">新品</a>
					<a href="" class="list-shop">连衣裙</a>
					<a href="" class="list-shop">T恤</a>
					<a href="" class="list-shop">卫衣</a>
					<a href="" class="list-shop">衬衫</a>
					<a href="" class="list-shop">男装</a>
					</div>
					<div class="rtbox">
						<div class="rtbox-4-1">
						<div class="rtboxHead"><a href="">今季流行</a></div>
						<a href="" class="rtbox-shop">早春连衣裙</a>
						<a href="" class="rtbox-shop">格子衬衫</a>
						<a href="" class="rtbox-shop">名族风</a>
						<a href="" class="rtbox-shop">牛仔</a>
						<a href="" class="rtbox-shop">套头卫衣</a>
						</div>
						<div class="rtbox-4-2">
						<div class="rtboxHead"><a href="">T恤</a></div>
						<a href="" class="rtbox-shop">圆领</a>
						<a href="" class="rtbox-shop">长袖</a>
						<a href="" class="rtbox-shop">中袖</a>
						<a href="" class="rtbox-shop">短袖</a>
						<a href="" class="rtbox-shop">印花</a>
						<a href="" class="rtbox-shop">字母</a>
						<a href="" class="rtbox-shop">拼接</a>
						<a href="" class="rtbox-shop">吊带背心</a>
						</div>
						<div class="rtbox-4-3">
						<div class="rtboxHead"><a href="">裙装</a></div>
						<a href="" class="rtbox-shop">连衣裙</a>
						<a href="" class="rtbox-shop">半裙</a>
						<a href="" class="rtbox-shop">印花</a>
						<a href="" class="rtbox-shop">长袖</a>
						</div>
						<div class="rtbox-4-4">
						<div class="rtboxHead"><a href="">衬衫/小衫</a></div>
						<a href="" class="rtbox-shop">衬衫</a>
						<a href="" class="rtbox-shop">牛仔衫</a>
						<a href="" class="rtbox-shop">男式衬衫</a>
						<a href="" class="rtbox-shop">小衫</a>
						<a href="" class="rtbox-shop">雪纺衫</a>
						<a href="" class="rtbox-shop">蕾丝小衫</a>
						</div>
						<div class="rtbox-4-5">
						<div class="rtboxHead"><a href="">毛衣/外套</a></div>
						<a href="" class="rtbox-shop">毛衣</a>
						<a href="" class="rtbox-shop">针织开衫</a>
						<a href="" class="rtbox-shop">外套</a>
						<a href="" class="rtbox-shop">马甲</a>
						</div>
						<div class="rtbox-4-6">
						<div class="rtboxHead"><a href="">裤装</a></div>
						<a href="" class="rtbox-shop">牛仔裤</a>
						<a href="" class="rtbox-shop">休闲裤</a>
						<a href="" class="rtbox-shop">打底裤</a>
						<a href="" class="rtbox-shop">短裤</a>
						</div>
					</div>
				</li>
				<li class="list6">
					<div class="list-6"><a href="">童装</a><span> / </span><a href="">美鞋</a><span> / </span><a href="">美包</a><span> / </span><a href="">配饰</a>
					</div>
				</li>
				<li class="list7">
					<div class="list-7">
					<div class="listHead"><a href="">美妆</a></div>
					<a href="" class="list-shop">新品</a>
					<a href="" class="list-shop">补水</a>
					<a href="" class="list-shop">保湿</a>
					<a href="" class="list-shop">面膜</a>
					<a href="" class="list-shop">美白</a>
					<a href="" class="list-shop">紧致</a>
					</div>
					<div class="rtbox">
						<div class="rtbox-5-1">
						<div class="rtboxHead"><a href="">热卖商品</a></div>
						<a href="" class="rtbox-shop">千金本草</a>
						<a href="" class="rtbox-shop">花菲草</a><br />
						<a href="" class="rtbox-shop">HERBAL SECRET</a>
						<a href="" class="rtbox-shop">韩束</a>
						</div>
						<div class="rtbox-5-2">
						<div class="rtboxHead"><a href="">护肤</a></div>
						<a href="" class="rtbox-shop">爽肤水</a>
						<a href="" class="rtbox-shop">乳液</a>
						<a href="" class="rtbox-shop">面霜</a>
						<a href="" class="rtbox-shop">精华</a><br />
						<a href="" class="rtbox-shop">面膜</a>
						<a href="" class="rtbox-shop">手工皂</a>
						<a href="" class="rtbox-shop">套装</a>
						</div>
						<div class="rtbox-5-3">
						<div class="rtboxHead"><a href="">彩妆</a></div>
						<a href="" class="rtbox-shop">BB霜</a>
						<a href="" class="rtbox-shop">卸妆油/液</a>
						<a href="" class="rtbox-shop">粉饼</a><br />
						<a href="" class="rtbox-shop">眉笔/粉</a>
						<a href="" class="rtbox-shop">唇彩/蜜/膏</a>
						<a href="" class="rtbox-shop">蜜粉</a>	
						</div>
						<div class="rtbox-5-4">
						<div class="rtboxHead"><a href="">个人护理</a></div>
						<a href="" class="rtbox-shop">磨砂膏</a>
						<a href="" class="rtbox-shop">手霜</a>
						<a href="" class="rtbox-shop">身体乳</a>
						<a href="" class="rtbox-shop">洗发露</a>
						<a href="" class="rtbox-shop">沐浴露</a>
						<a href="" class="rtbox-shop">个人护理套装</a>	
						</div>
						<div class="rtbox-5-5">
						<div class="rtboxHead"><a href="">美妆工具</a></div>
						<a href="" class="rtbox-shop">剃毛刀</a>
						<a href="" class="rtbox-shop">刀架/片/头</a>
						</div>
						<div class="rtbox-5-6">
						<div class="rtboxHead"><a href="">男士护肤</a></div>
						<a href="" class="rtbox-shop">洗面奶/泥/膏</a>
						<a href="" class="rtbox-shop">爽肤水</a>
						<a href="" class="rtbox-shop">凝露</a><br />
						<a href="" class="rtbox-shop">凝胶/啫喱</a>
						<a href="" class="rtbox-shop">剃须泡</a>
						<a href="" class="rtbox-shop">面霜</a>	
						<a href="" class="rtbox-shop">套装</a>	
						</div>
					</div>
				</li>
			</ul>
		</div>
	</div>
	<div id="head_bg">
		<img class="img" src="images/M3_29_134224_02.jpg" alt="" />
		<img class="img" src="images/160329115934.jpg" alt="" />
		<img class="img" src="images/M3_28_164122_02.jpg" alt="" />
		<img class="img" src="images/160329132655.jpg" alt="" />
		<img class="img" src="images/M3_29_93545_02.jpg" alt="" />
		<img class="img" src="images/160325151535.jpg" alt="" />
		<img class="img" src="images/0316171029.jpg" alt="" />
		<ul id="bg">
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ul>
		<div id="btn">
			<a href="javascript:;" class="btn_l">&lt;</a>
			<a href="javascript:;" class="btn_r">&gt;</a>
		</div>
	</div>
</div>
<!-- haed结束 -->
<!-- bigbox开始 -->
<div id="bigbox">
	<a href="" class="bigbox_left">
		<img src="images/160315131538.jpg" alt="" />
	</a>
	<div class="box">
		<div class="box_t">
			<a href="" class="top_name">品牌推荐</a>
			<a href="" class="top_name">美国品牌</a>
			<a href="" class="top_name">精选大牌</a>
			<a href="" class="top_name">韩国馆</a>
		</div>
		<div class="box_b">
			<div class="bottom_list bottom_list1">
				<a class="first1" href=""><img src="images/M3_29_93541.jpg" alt="" /></a>
				<div class="b_c">
					<a class="first2 first" href=""><img src="images/M2_23_102702.jpg" style="position: relative;left:10px;" alt="" /></a>
					<a class="first2 first" href=""><img src="images/M2_23_102918.jpg" style="position: relative;left:10px;" alt="" /></a>
					<a class="first2 first" href=""><img src="images/M2_23_102929.jpg" style="position: relative;left:10px;" alt="" /></a>
					<a class="first3 first" href=""><img src="images/qM3_15_143633.jpg" style="position: relative;left:10px;" alt="" /></a>
					<a class="first3 first" href=""><img src="images/0328155928.jpg" style="position: relative;left:10px;" alt="" /></a>
					<a class="first3 first" href=""><img src="images/M3_15_143635.jpg" style="position: relative;left:10px;" alt="" /></a>
				</div>
				<a class="first4" href=""><img src="images/M2_23_103221.jpg" alt="" /></a>
				<a class="first4" href=""><img src="images/160314160903.jpg" alt="" /></a>
				<a class="first4" href=""><img src="images/160314161016.jpg" alt="" /></a>
				<a class="first4" href=""><img src="images/M2_23_103914.jpg" alt="" /></a>
			</div>
			<div class="bottom_list bottom_list2">
				<a class="first1" href=""><img src="images/0215163002_5.jpg" alt="" /></a>
				<div class="b_c1">
					<a class="first5 first6" href=""><img src="images/1223173158_01.jpg" alt="" /></a>
					<a class="first5 first6" href=""><img src="images/1223173158_02.jpg" alt="" /></a>
					<a class="first5 first6" href=""><img src="images/1223173158_03.jpg" alt="" /></a>
					<a class="first5" href=""><img src="images/1223173158_04.jpg" alt="" /></a>
					<a class="first5" href=""><img src="images/1223173158_05.jpg" alt="" /></a>
					<a class="first5" href=""><img src="images/1223173158_06.jpg" alt="" /></a>
				</div>
				<a class="first4" href=""><img src="images/M2_23_103221.jpg" alt="" /></a>
				<a class="first4" href=""><img src="images/160314160903.jpg" alt="" /></a>
				<a class="first4" href=""><img src="images/160314161016.jpg" alt="" /></a>
				<a class="first4" href=""><img src="images/M2_23_103914.jpg" alt="" /></a>
			</div>
			<div class="bottom_list bottom_list3"><img src="images/png1.png" alt="" /></div>
			<div class="bottom_list bottom_list4"><img src="images/png2.png" alt="" /></div>
		</div>	
	</div>
</div>
<!-- bigbox结束 -->
<!-- map开始 -->
<div id="map">
	<div class="line"></div>
	<div style="width:1200px; margin:0 auto;padding-top:20px;">
		<img src="images/160329191703.jpg" width="1200" height="504" usemap="#Map" border="0" />
		<map name="Map" id="Map">
			<area shape="rect" coords="4,-1,1195,134" href="" />
			<area shape="rect" coords="5,135,264,498" href="" />
			<area shape="rect" coords="266,137,534,499" href="" />
			<area shape="rect" coords="537,137,799,498" href="" />
			<area shape="rect" coords="803,136,936,316" href="" />
			<area shape="rect" coords="802,318,934,503" href="" />
			<area shape="rect" coords="938,318,1067,502" href="" />
			<area shape="rect" coords="1068,318,1198,503" href="" />
			<area shape="rect" coords="937,135,1070,317" href="" />
			<area shape="rect" coords="1070,136,1197,317" href="" />
		</map>
	</div>
</div>
<!-- map结束 -->
<!-- floor1开始 -->
<div id="f-1">
	<div class="f_1"></div>
	<div class="f-1">
		<a href="" class="f-1-left"></a>
		<div class="f-1-right">
				<a href="" class="r-t t1-1"></a>
				<a href="" class="r-t t1-2"></a>
				<a href="" class="r-t t1-3"></a>
				<a href="" class="r-t t1-4"></a>
				<a href="" class="r-t t1-5"></a>
				<a href="" class="r-t t1-6"></a>
				<a href="" class="r-t t1-7"></a>
				<a href="" class="r-t t1-8"></a>
				<a href="" class="r-t t1-9"></a>
		</div>
	</div>
</div>
<!-- floor1结束 -->
<!-- floor2开始 -->
<div id="f-2">
	<div class="f-2"></div>
	<div class="map1">
		<img width="1200" border="0" height="367" src="images/160329160301.jpg" usemap="#Map1">
		<map id="Map1" name="Map1">
			<area href="" coords="909,5,1055,178" shape="rect"/>
			<area href="" coords="758,190,904,363" shape="rect"/>
			<area href="" coords="1057,5,1198,178" shape="rect"/>
			<area href="" coords="1056,190,1197,363" shape="rect"/>
			<area href="" coords="908,190,1054,363" shape="rect"/>
			<area href="" coords="758,4,904,177" shape="rect"/>
			<area href="" coords="508,5,754,363" shape="rect"/>
			<area href="" coords="256,5,502,363" shape="rect"/>
			<area href="" coords="8,5,254,363" shape="rect"/>
		</map>
	</div>
</div>
<!-- floor2结束 -->
<!-- floor3开始 -->
<div id="f-3"></div>
<div class="f-3">
	<div class="f3-l">
		<a href="" class="f-3-l t3-1"></a>
		<a href="" class="f-3-l t3-2"></a>
		<a href="" class="f-3-l t3-3"></a>
		<a href="" class="f-3-l t3-4"></a>
		<a href="" class="f-3-l t3-5"></a>
		<a href="" class="f-3-l t3-6"></a>
		<a href="" class="f-3-l t3-1"></a>
		<a href="" class="f-3-l t3-2"></a>
		<a href="" class="f-3-l t3-3"></a>
		<a href="" class="f-3-l t3-4"></a>
		<a href="" class="f-3-l t3-5"></a>
		<a href="" class="f-3-l t3-6"></a>
	</div>
	<div class="but">
			<button class="but_l">&lt;</button>
			<button class="but_r">&gt;</button>
	</div>
</div>
<!-- floor3结束 -->
<!-- floor4开始 -->
<div id="f-4">
	<div class="tit"><img src="images/0506h01_01.png" alt="" /></div>
	<div class="tit"><img src="images/0506h01_02.png" alt="" /></div>
	<div class="tit"><img src="images/92162434.png" alt="" /></div>
</div>
<div class="f-4">
	<a href="" class="t4-1"></a>
	<a href="" class="t4-2"></a>
	<a href="" class="t4-3"></a>
</div>
<!-- floor4结束 -->
<!-- floor5开始 -->
<div id="f-5"></div>
<div class="f-5-s">
	<a href="" class="t5-1"></a>
	<a href="" class="t5-2"></a>
</div>
<div class="f-5-x">
	<a href="" class="t5-3"></a>
	<a href="" class="t5-4"></a>
	<a href="" class="t5-5"></a>
	<a href="" class="t5-6"></a>
	<a href="" class="t5-7"></a>
	<a href="" class="t5-8"></a>
</div>
<!-- floor5结束 -->
<!-- floor6开始 -->
<div id="f-6"></div>
<div class="f-6">
	<div class="left-6">
		<div class="left-6-top">
			<div class="f-6-top"></div>
			<div class="f-6-bottom">
				<a href="">应季新品</a>
				<a href="">春季外套</a>
				<a href="">百搭针织衫</a><br />
				<a href="">衬衫小衫</a>
				<a href="">裤子</a><br />
				<a href="">气质连衣裙</a>
				<a href="">半裙</a>
			</div>
		</div>
		<div class="left-6-bottom"></div>
	</div>
	<div class="right-6">
		<img class="img6" src="images/img6-1.png" alt="" />
		<img class="img6" src="images/img6-2.png" alt="" />
		<img class="img6" src="images/img6-3.png" alt="" />
	</div>
</div>
<!-- floor6结束 -->
<!-- bottom1开始 -->
<div id="bottom1">
	<h3>商品分类</h3>
	<ul id="ul1">
		<li>
			<a href="" class="foot-title">2016新品</a>
			<img src="images/0304154840.png" alt="" />
			<div class="foot-list">
				<a href="">舒适T恤</a>
				<a href="">连衣裙</a>
				<a href="">轻薄外套</a>
				<a href="">百搭衬衫</a>
				<a href="">针织开衫</a>
				<a href="">潮流卫衣</a>
			</div>
		</li>
		<li>
			<a href="" class="foot-title">T恤</a>
			<img src="images/0304154900.png" alt="" />
			<div class="foot-list">
				<a href="">舒适T恤</a>
				<a href="">浪漫印花</a>	
				<a href="" style="padding-right:28px;">长袖</a>
				<a href="">七分袖</a>
				<a href="" style="padding-right:28px;">中袖</a>
				<a href="">无袖</a>
			</div>
		</li>
		<li>
			<a href="" class="foot-title">裙装</a>
			<img src="images/0304154857.png" alt="" />
			<div class="foot-list" style="height:130px;">
				<a href="">连衣裙</a>
				<a href="">半身裙</a>
				<a href="">牛仔连衣裙</a>
				<a href="">棉麻连衣裙</a>
				<a href="">蕾丝连衣裙</a>
				<a href="">婚纱/礼服</a>
			</div>
		</li>
		<li>
			<a href="" class="foot-title">外套</a>
			<img src="images/0304154851.png" alt="" />
			<div class="foot-list">
				<a href="">轻薄外套</a>
				<a href="">针织开衫</a>
				<a href="" style="padding-right:16px;">牛仔</a>
				<a href="" style="padding-right:16px;">大衣</a>
				<a href="" >毛呢</a>
				<a href="" style="padding-right:14px;">西装</a>
				<a href="">风衣</a>
				<a href="">棒球服</a>
			</div>
		</li>
		<li>
			<a href="" class="foot-title">小衫/衬衫</a>
			<img src="images/0304154849.png" alt="" />
			<div class="foot-list">
				<a href="" style="padding-right:36px;">衬衫</a>
				<a href="">小衫</a>
				<a href="">蕾丝衬衫</a>
				<a href="">牛仔衬衫</a>
				<a href="">雪纺小衫</a>
				<a href="">印花小衫</a>
			</div>
		</li>
		<li>
			<a href="" class="foot-title">裤装</a>
			<img src="images/0304154846.png" alt="" />
			<div class="foot-list" style="height:110px;">
				<a href="">休闲裤</a>
				<a href="">牛仔裤</a>
				<a href="">小脚裤</a>
				<a href="">打底裤</a>
				<a href="">阔腿裤</a>
				<a href="">连体裤</a>
				<a href="" style="padding-right:24px;">短裤</a>
				<a href="">七分裤</a>
			</div>
		</li>
		<li>
			<a href="" class="foot-title">文胸塑身</a>
			<img src="images/0304154843.png" alt="" />
			<div class="foot-list">
				<a href="" style="padding-right:12px;">当季新品</a>
				<a href="" >收副乳</a>
				<a href="" style="padding-right:24px;">无钢圈</a>
				<a href="">聚拢</a>
				<a href="" style="padding-right:24px;">家居服</a>
				<a href="">打底衫</a>
			</div>
		</li>
		<li>
			<a href="" class="foot-title">男装</a>
			<img src="images/0304154904.png" alt="" />
			<div class="foot-list" style="border:none;">
				<a href="" style="padding-right:14px;">当季新品</a>
				<a href="" >衬衫</a>
				<a href="" style="padding-right:44px;">T恤</a>
				<a href="">大衣风衣</a>
				<a href=""style="padding-right:38px;">外套</a>
				<a href="">裤子</a>
			</div>
		</li>
	</ul>
</div>
<!-- bottom1结束 -->
</div>
<!-- bottom2开始 -->
<div id="bottom2">
	<div class="bottom2">
		<ul style="list-style: none;">
			<li style="width:72px;height:120px;padding-left:32px;padding-right:32px;padding-top: 10px;">
				<a href="" class="bottom2-title">新手指南</a>
				<a href="" class="title2">新注册用户</a>
				<a href="" class="title2">如何订购</a>
				<a href="" class="title2">如何修改订单</a>
				<a href="" class="title2">尺码对照表</a>
			</li>
			<li style="width:108px;height:98px;padding-left:32px;padding-right:32px;padding-top: 10px;">
				<a href="" class="bottom2-title">支付方式</a>
				<a href="" class="title2">支付方式</a>
				<a href="" class="title2">账户提款及退款时效</a>
				<a href="" class="title2">查看账户余额</a>
			</li>
			<li style="width:108px;height:120px;padding-left:32px;padding-right:32px;padding-top: 10px;">
				<a href="" class="bottom2-title">配送方式</a>
				<a href="" class="title2">配送费收取标准</a>
				<a href="" class="title2">配送范围及配送时效</a>
				<a href="" class="title2">签收注意事项</a>
				<a href="" class="title2">海外订购</a>
			</li>
			<li style="width:65px;height:98px;padding-left:32px;padding-right:32px;padding-top: 10px;">
				<a href="" class="bottom2-title">退换货服务</a>
				<a href="" class="title2">退换货政策</a>
				<a href="" class="title2">退换货流程</a>
				<a href="" class="title2">隐私申明</a>
			</li>
			<li style="width:91px;height:120px;padding-left:32px;padding-right:32px;padding-top: 10px;">
				<a href="" class="bottom2-title">会员制度及优惠</a>
				<a href="" class="title2">优惠活动</a>
				<a href="" class="title2">VIP优惠尊享</a>
				<a href="" class="title2">大宗购物</a>
				<a href="" class="title2">积分制度</a>
			</li>
			<li style="width:52px;height:120px;padding-left:32px;padding-right:32px;padding-top: 10px;">
				<a href="" class="bottom2-title">帮助中心</a>
				<a href="" class="title2">忘记密码</a>
				<a href="" class="title2">常见问题</a>
				<a href="" class="title2">在线客服</a>
				<a href="" class="title2">联系我们</a>
			</li>
			<li style="width:72px;height:120px;padding-left:32px;padding-right:32px;padding-top: 10px;">
				<a href="" class="bottom2-title">咨询订购</a>
				<a href="" class="title2">400-716-2828</a>
				<br />
				<br />
				<a href="" class="bottom2-title">客服服务</a>
				<a href="" class="title2">400-716-7878</a>
			</li>
			<li style="width:96px;height:129px;padding-left:32px;padding-right:32px;padding-top: 10px;">
				<img src="images/M4_14_150441.png" alt="" />
			</li>
		</ul>
	</div>
</div>
<!-- bottom2结束 -->
<!-- foot开始 -->
<div id="foot">
	<div class="foot">
		<div class="foot-top">
			<img src="images/mbs_img_1.jpg" alt=""style="padding-left:16px;padding-right:16px;border-right:1px solid #D9D9D9"/>
			<img src="images/mbs_img_2.jpg" alt=""style="padding-left:16px;padding-right:16px;border-right:1px solid #D9D9D9"/>
			<img src="images/mbs_img_3.jpg" alt=""style="padding-left:16px;padding-right:16px;border-right:1px solid #D9D9D9"/>
			<img src="images/mbs_img_4.jpg" alt=""style="padding-left:16px;padding-right:16px;"/>
		</div>
		<div class="foot-text">
			<a href="">首页 </a>
			<a href="">公司简介 </a>
			<a href="">旗下产品 </a>
			<a href="">零售店址 </a>
			<a href="">梦芭莎网联盟 </a>
			<a href="">网店代理 </a>
			<a href="">网站地图 </a>
			<a href="">友情链接 </a><br />
			<p>Copyright © 2010-2019 梦芭莎官方网站，广州摩拉网络科技有限公司 All Rights Reserved 粤B2-20080069号 公安机关备案号44010302000075 </p>
		</div>
		<div class="foot-last">
			<img src="images/mbs_f_01.jpg" alt="" />
			<img src="images/mbs_f_02.jpg" alt="" />
			<img src="images/logo_down.jpg" alt="" />
			<img src="images/logo.jpg" alt="" />
			<img src="images/mbs_f_04.jpg" alt="" />
			<img src="images/mbs_f_05.jpg" alt="" />
			<img src="images/mbs_f_06.jpg" alt="" />
			<img src="images/mbs_f_07.jpg" alt="" />
		</div>
	</div>
</div>
<!-- foot结束 -->
<!-- list_banner开始 -->
<div id="l_banner">
	<ul class="l-banner">
		<li class="fx">1F</li>
		<li class="fx">2F</li>
		<li class="fx">3F</li>
		<li class="fx">4F</li>
		<li class="fx">5F</li>
		<li class="fx">6F</li>
		<li class="fx">7F</li>
	</ul>
</div>
<!-- list_banner结束 -->
<!-- list_car开始 -->
<div id="list_car">
	<ul class="list_car">
		<li>
			<a href="javascript:;" class="lis1 lis"></a>
			<a href="javascript:;" class="word word1">个人中心</a>
		</li>
		<li>
			<a href="javascript:;" class="lis2 lis"></a>
			<a href="javascript:;" class="word">话费充值</a>
		</li>
		<li>	
			<a href="javascript:;" class="lis3 lis"></a>
			<a href="javascript:;" class="word">机票预订</a>
		</li>
		<li>
			<a href="javascript:;" class="lis4 lis"></a>
			<a href="javascript:;" class="word">用户调查</a>
		</li>
		<li>
			<a href="javascript:;" class="lis5 lis"></a>
			<a href="javascript:;" class="word">返回顶部</a>
		</li>
	</ul>
	<div id="hdiv">
		<span class="span1">手机号:</span><input class="int" type="text" /><br />
		<span class="span1 lin">归属地:</span><span class="span2 lin">运营商，地区</span><br />
		<span class="span1">面&nbsp;值:</span>
			<select name="" id="">
				<option value="">10</option>
				<option value="">20</option>
				<option value="">50</option>
				<option value="" selected>100</option>
				<option value="">200</option>
				<option value="">500</option>
				<option value="">1000</option>
			</select><br />
		<span class="span1">售&nbsp;价:</span><span class="span2">￥</span><span class="span3">98-99.6</span><br />
		<button style="position: relative;left:50px;color:#D0D0D0;">立即充值</button>
	</div>
</div>

<!-- list_car结束 -->
</body>
</html>
